* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
.wrap {
  font: 12 px / 1.5 tahoma, arial, Hiragino Sans GB, \\5B8B\4F53, sans;
  width: 100vw;
  min-height: 100vh;
}
.wrap .container {
  width: 65vw;
  min-height: 70vh;
  margin: 0 auto;
}
.wrap .container .nav {
  display: flex;
  justify-content: space-between;
}
.wrap .container .nav .img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap .container .nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid cyan;
}
.wrap .container .nav ul li {
  font-size: 25px;
  padding: 0 20px;
  border-right: 1px solid #3c3c3c;
}
.wrap .container .nav ul li:last-child {
  border: none;
}
.wrap .container .nav ul li a:hover {
  color: red;
}
.wrap .container .t-head {
  margin-top: 5px;
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
  display: flex;
  user-select: none;
  color: #3c3c3c;
  font-size: 12px;
  justify-content: center;
  align-items: center;
}
.wrap .container .t-head .t-com {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap .container .t-head .t-item {
  flex: 3;
}
.wrap .container .t-head .t-price {
  flex: 1;
}
.wrap .container .t-head .t-quantity {
  flex: 1;
}
.wrap .container .t-head .t-total {
  flex: 1;
}
.wrap .container .t-head .t-status {
  flex: 1;
}
.wrap .container .t-head .t-option {
  flex: 1;
}
